<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>主页</title>
    <style>
        .body{

            height: 1200px;
            background: url("${pageContext.request.contextPath}/images/4.jpg")no-repeat center fixed;

        }
        .zhengti{
            width: 1300px;
            height: 900px;
            background-color:aliceblue;
            margin: auto;
            transform:translateY(12%);/**下移元素**/
            -ms-transform:translateY(12%);
            -webkit-transform:translateY(12%);
            background-color: rgba(255, 255, 255, 0);
        }
        .toubu{
            width: 1300px;
            height: 150px;
            background-color: aliceblue;

        }
        .zhonjian{
            width: 1300px;
            height: 500px;
            margin-top: 20px;
        }
        .zoubian{
            width: 350px;
            height: 650px;
            background: url("${pageContext.request.contextPath}/images/广告.jpg")no-repeat center fixed;
            float: left;
        }
        .youbian{
            width: 930px;
            height: 550px;

            margin-left: 20px;
            float: left;
        }
        .youbiantoubu{
            width: 930px;
            height: 50px;
            background-color: azure;
        }
        .td{
            width:180px;
            height: 50px;
            text-align: center;
        }
        table{
            margin: auto;
        }
        .touxiangkuanjia{
            width: 150px;
            height: 150px;

            float: left;
        }
        .touxiang{
            width: 100px;
            height: 100px;
            padding-left: 50px;
            padding-top: 20px;


        }
        .touxiang>img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden;
        }
        .nicheng{
            width: 700px;
            height: 150px;

            float: left;

        }
        .youbiandibu{
            width: 930px;
            height: 670px;

        }
        .wenzhang{
            width: 930px;
            height: 200px;
            float: left;
        }
        .xiugaiziliao{
            width: 150px;
            height: 150px;
            margin-left: 200px;
            float: left;

        }
        a{
            color: #000000;
            text-decoration: none;
        }
        a:hover{
            color:aqua;
        }   /*鼠标放在超链接上*/

        .style-one {/*内嵌水平线*/
            width:100%;
            margin:0 auto;
            border: 0;
            height: 0;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }
        .guanzhu{
            width: 200px;
            height: 150px;
            float: left;
            padding-top: 60px;
        }
    </style>
</head>
<body>
<div class="body">
    <div class="zhengti">
        <div class="toubu">
            <div class="touxiangkuanjia">
                <div class="touxiang">
                    <img src="${user.userHead}" />
                </div>
            </div>
            <div class="nicheng">
                <table width="100%" height="100%" align="left">
                    <tr>
                        <td colspan="3"><h1>${user.petName}</h1></td>
                    </tr>
                    <tr>
                        <td colspan="1">{}帖子</td>
                        <td colspan="1">${user.userLikes}点赞</td>
                        <td colspan="1">${day}天</td>
                    </tr>
                    <tr>
                        <td colspan="3">个人签名：${user.userId}</td>
                    </tr>
                </table>
            </div>
            <div class="xiugaiziliao">
                <table  align="right" >
                    <br>
                    <br>
                    <br>
                    <td><a href="">编辑资料</a></td>
                </table>
            </div>
        </div>
        <div class="zhonjian">
            <div class="zoubian"></div>
            <div class="youbian">
                <div class="youbiantoubu">
                    <table>
                        <td class="td"><a href="${pageContext.request.contextPath}">关注</a></td>
                        <td class="td"><a href="${pageContext.request.contextPath}/userfunction/queryAttentiontopicName">我的关注</a></td>
                        <td class="td"><a href="${pageContext.request.contextPath}/userfunction/querymyposts">我的帖子</a></td>
                        <td class="td"><a href="${pageContext.request.contextPath}/userfunction/querymycommment">我的评论</a></td>
                        <td class="td"><a href="${pageContext.request.contextPath}/userfunction/queryuserCollect">我的收藏</a></td>
                    </table>
                </div>
                <div class="youbiandibu">
                    <div class="wenzhang">
                        <table width="75%" height="75%" align="left">
                            <tr>
                                <td rowspan="2" width="150px"><img src="" width="150px" height="150px"></td>
                                <td>{贴吧名字}</td>
                            </tr>
                            <tr>
                                <td height="100px" align="left">{贴吧签名}</td>
                            </tr>
                            <tr>
                                <td colspan="2">{发布时间}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="style-one"></div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>